
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
	<legend>财务</legend>
</fieldset>
<div class="layui-row" id="sp">
	
    <ul class="site-doc-icon site-doc-anim">
		<li class="layui-col-xs2 li-border" onclick="get_baoxiao('添加报销信息','add_baoxiao')">
	    	<i class="layui-icon layui-icon-rmb" style="font-size: 30px; color: #1E9FFF;"></i>
	    	<span style="margin-left: 4%;">报销</span>
	  	</li>
	  	<li class="layui-col-xs2 li-border" onclick="get_baoxiao('添加预支信息','add_yuzhi')">
	    	<i class="layui-icon layui-icon-rmb" style="font-size: 30px; color: #1E9FFF;"></i>
	    	<span style="margin-left: 4%;">预支</span>
	  	</li>
	  	<li class="layui-col-xs2 li-border" onclick="get_baoxiao('添加赔付信息','add_paid')">
	    	<i class="layui-icon layui-icon-rmb" style="font-size: 30px; color: #1E9FFF;"></i>
	    	<span style="margin-left: 4%;">赔付</span>
	  	</li>
	</ul>
</div>
<script src="__static/lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script>
var $,form,table,laydate
layui .use( [ 'form', 'table', 'element', 'laydate' ], function() {
	$ = layui.jquery, form = layui.form, table = layui.table, laydate = layui.laydate
	

});
function get_baoxiao(title,url){
	layer.open({
        type: 2,
        title: title,
        area: ['60%', '70%'],
        fixed: false, //不固定
        maxmin: true,
        shadeClose: true,
        scrollbar: false, //- 是否允许浏览器出现滚动
        content: "{:url('"+url+"')}"
    });
    //layer.full(index);
}

$('#sp li').hover(
	function(){
		$(this).addClass('xz');
	},
	function(){$(this).removeClass('xz');})
</script>

